<style>
	.announce{
		position:relative;
	}
	.announce li{
		height:40px;
		width:100%;
		line-height:40px;
		color:#659BF6;
		font-size:15px;
		/* font-family:"楷体"; */
		border-bottom:2px dotted pink;
	}
	.more{
		display:inline-block;
		height:30px;
		width:80px;
		background:#19A15F;
		line-height:30px;
		border-radius:3px;
		text-align:center;
	}
</style>
<div style="position:relative;">
	<ul class="announce">
	<%for(dau in daus){%>
		<li>
			<a  onclick="toXq('${dau.detailId}')">${dau.title}</a>
		
				<%if(dau.type=='1'){%>
				<div  style="float:right; margin-right:30px; display:inline;font-size: 12px;color:green; ">
				已读
		     	</div>
				<%}else{%>
				<div  style="float:right; margin-right:30px; display:inline;font-size: 12px;color:red; ">
				未读
		     	</div>
				<%}%>
		</li>
		
	<%}%>
		
	</ul>
	<div style="width:80px;position:absolute;right:0px;">
		<a class="more" href="#" style="color:#ffffff;text-decoration:none;" onclick="leadTo()">更&nbsp;多&nbsp;.&nbsp;.&nbsp;.</a>
	</div>
</div>
<script>
var i=self.setInterval("getAnnounce()",50000)
//点击公告 更多，页面跳转
function getAnnounce(){
	
}

//点击公告 更多，页面跳转
function leadTo(){
	parent.window.nodeClick("通知公告", "/detailAnnounce");
}

//点击公告详情
function toXq(id){
	//loadViewDialog('查看公告', '${cxt !}/detailAnnounce/check?ids=' + ids,null);
	parent.window.nodeClick("公告详情", "/detailAnnounce/check?ids="+id);
}
</script>
<!-- <style>
	#announceScroll{
		height:360px;
		overflow:hidden;
		position:relative;
	}
	#announceColumn{
		margin:0px;
		position:absolute;
		width:100%;
	}
	#announceColumn li{
		color:#659BF6;
		border-bottom:2px dotted pink;
		height:40px;
		line-height:40px;
		padding-left:20px;
	} 
</style> -->
<!-- <div style="position:relative">
	<div id="announceScroll">
		<ul id="announceColumn">
			<li>本月最高日减重销售记录:</li>
			<li>本月最高日产品销售记录:</li>
			<li>本月优秀员工:</li>		
		</ul>
	</div>
	<div style="width:100px;height:30px;position:absolute;right:0px;bottom:0px;">
		<a href="" class="easyui-linkbutton" data-options="iconCls:'icon-undo'" style="height:25px;"></a>
		<a href="" class="easyui-linkbutton" data-options="iconCls:'icon-redo'" style="height:25px;"></a>
	</div>
</div> -->

<!-- <style>
	#announceScroll{
		height:360px;
		overflow:hidden;
		position:relative;
	}
	#announceColumn{
		margin:0px;
		position:absolute;
		width:100%;
	}
	#announceColumn li{
		color:#659BF6;
		border-bottom:2px dotted pink;
		height:40px;
		line-height:40px;
		padding-left:20px;
	}
</style>
<div id="announceScroll">
	<ul id="announceColumn">
		<li>本月最高日减重销售记录:</li>
		<li>本月最高日产品销售记录:</li>
		<li>本月优秀员工:</li>
		
	</ul>
</div>
<script>
	//公告栏文字滚动
	var announceScroll=document.getElementById("announceScroll");
	var announceColumn=document.getElementById("announceColumn");
	var announceContent=announceColumn.innerHTML;
	var length=0;
	var announceColumnHeight=document.getElementById("announceColumn").offsetHeight;
	announceColumn.innerHTML=announceContent;
	var interval=setInterval("scroll()",1000);
	function scroll(){
		length-=40;
		announceColumn.style.top=length+"px";
		if(length == -(announceColumnHeight+40)){
			length=360;
			length-=40; 
			announceColumn.style.top=length+"px";
			
		}
	}
	//当鼠标移入公告栏时停止滚动
	announceScroll.onmouseover=function(){
		clearInterval(interval);
	}
	//当鼠标移出公告栏时开始滚动
	announceScroll.onmouseout=function(){
		interval=setInterval("scroll()",1000);
	} 
</script> -->
